/**
* 通用css样式布局处理
* Copyright (c) 2019 ruoyi
*/
/** 页面边距 **/
.app-container {
  padding: 15px !important;
}

/** 表格 单元格边距 **/
.el-table--small .el-table__cell {
  padding: 3px 0 !important;
}

/** 表格 表头高度 **/
.el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th {
  word-break: break-word;
  background-color: #f8f8f9 !important;
  color: #515a6e;
  height: 30px !important;
  font-size: 13px;
}
/*处理 el-select的tags被遮挡*/
.el-select__tags{
  z-index: 2003 !important;
}
/** form 下边距 **/
.el-form-item--small {
  --font-size: 12px;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 15px !important;
}

/** 按钮 下边距 **/
.el-button--small {
  --el-button-size: 24px;
  height: var(--el-button-size);
  padding: 5px 11px;
  font-size: 12px;
  border-radius: calc(var(--el-border-radius-base) - 1px);
  margin-top: 0px !important;
}

/** 弹窗 表头 **/
.el-dialog__header {
  padding: var(--el-dialog-padding-primary);
  padding-bottom: 10px !important;
  padding-top: 10px !important;
  text-align: center !important;
  background: rgba(36, 43, 51, 0.04) !important;
  border-radius: 4px 4px 0 0 !important;
  width: 100%;
}

/** 弹窗 表头题目 **/
.el-dialog__title {
  line-height: var(--el-dialog-font-line-height);
  font-family: PingFangSC-Semibold;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  text-align: center;
  font-weight: 600;
}

/** 弹窗 表头按钮 **/
.el-dialog__headerbtn {
  position: absolute;
  top: 3px !important;
  right: 0;
  padding: 0;
  width: 44px !important;
  height: 44px !important;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  font-size: var(--el-message-close-size, 16px);
}

/** 弹窗 body页边距 **/
.el-dialog__body {
  padding: 15px 15px 15px 15px !important;
  color: var(--el-text-color-regular);
  font-size: var(--el-dialog-content-font-size);
  word-break: break-all;
}

/** 弹窗 下边按钮 **/
.el-dialog__footer {
  padding: var(--el-dialog-padding-primary);
  padding-top: 0px !important;
  text-align: center !important;
  box-sizing: border-box;
}

/** 左侧菜单 **/
.el-menu-item {
  display: flex !important;
  align-items: center;
  height: 42px !important;
  line-height: 42px !important;
  font-size: 13px !important;
  color: var(--el-menu-text-color);

  list-style: none;
  cursor: pointer;
  position: relative !important;
  transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
  box-sizing: border-box;
  white-space: nowrap;
}

.el-sub-menu__title {
  display: flex !important;
  align-items: center;
  height: 42px !important;
  line-height: 42px !important;
  font-size: 13px !important;
  color: var(--el-menu-text-color);

  list-style: none;
  cursor: pointer;
  position: relative !important;
  transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
  box-sizing: border-box;
  white-space: nowrap;
}

.el-sub-menu .el-menu-item {
  height: 42px !important;
  line-height: 42px !important;

  min-width: 200px !important;
  font-size: 12.5px !important;
}

.el-menu-item {
  display: flex !important;
  align-items: center;
  height: 42px !important;
  line-height: 42px !important;
  font-size: 13px !important;
  color: var(--el-menu-text-color);

  list-style: none !important;
  cursor: pointer !important;
  position: relative !important;
  transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration) !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

/** 左侧菜单图标右边距 **/
#app .sidebar-container .svg-icon {
  margin-right: 4px !important;
}

/** 上侧菜单图标右边距 **/
.svg-icon {
  width: 1.2em !important;
  height: 1.2em !important;
  position: relative;
  fill: currentColor;
  vertical-align: -2px;
  padding-right: 4px !important;
}


/** 下拉框样式 **/
.el-select-dropdown__item {
  font-size: 12px!important;
  padding: 0 12px 0 12px!important;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--el-text-color-regular);
  height: 24px!important;
  line-height: 24px!important;
  box-sizing: border-box;
  cursor: pointer;
}


/*期权试算 条款头样式*/
.option-header {
  height: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*期权试算 条款头样式*/
.option-header-content {
  margin: 0 0 0 3px;
  font-family: PingFangSC-Medium;
  font-size: 12px;
  color: #242B33;
}

/*期权试算 结果样式*/
.option-result {
  padding: 3px -3px 3px 12px;
  background: #E6E7EA;
  font-family: PingFangSC-Medium;
  font-size: 12px;
  color: #242B33;
}

.option-result-right-button {
  padding-right: 0.5rem;
}

.optionst01 {
  background-color: #F0F5F0;
  padding: 3px 3px;
}

.optionst02 {
  background-color: #EAEDF6;
  padding: 3px 3px;
}

.optionst03 {
  background-color: #F8F8FA;
  padding: 3px 3px;
}

.optionst04 {
  background-color: #F8F8FA;
  padding: 3px 3px;
}

.optionst05 {
  background-color: #d5c6c6;
  padding: 3px 3px;
}
.el-form-item--small {
  --font-size: 12px !important;
  --el-form-label-font-size: var(--font-size);
  margin-bottom: 11px !important;
}
.el-input--small .el-input__inner {
  height: 22px !important;
  line-height: 22 !important;
  padding: 0 11px;
}
.el-form-item--small .el-form-item__error {
  padding: 1px 1px 1px 1px !important;
}
 .el-form-item__error {
   color: var(--el-color-danger);
   font-size: 12px !important;
   line-height: 0.8!important;
   transform: scale(0.9)!important;
   padding-top: 2px!important;
   position: absolute;
   top: 100%;
   left: 0;
 }
.el-tag--small {
  height: 18px!important;
  --el-icon-size: 10px;
}
.el-pagination__jump .el-input__inner {
  margin: 7px 3px 0px 3px!important;
}
 .el-button--small {
   --el-button-size: 22px!important;
   height: 22px!important;
 }
.el-pagination button, .el-pagination span:not([class*=suffix]) {
  font-size: 12px!important;
  min-width: 22px!important;
  height: 22px!important;
  line-height: 22px!important;
}
.el-pagination .el-input__inner {
  height: 22px!important;
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
  min-width: 22px!important;
  height: 22px!important;
}

.el-select__input {
  font-size: 12px!important;
}



.flex-cloumn{
  display:flex;
  flex-direction: column;
}
.flex_1{
  flex:1;
}
.wrapper-box{
  display: flex !important;
  flex-direction: column;
}

.tableDragger {
  overflow: auto;
  display: flex;
  flex: 1 0 300px;
  flex-direction: column;
  height: 100% !important;
  .el-table__inner-wrapper{
    flex:1;
    display: flex;
    flex-direction: column;
  }
  .el-table__body-wrapper {
    flex: 1;
  }
}
.tableDragger_form{
  display: flex;
  flex: 1 0 300px;
  .el-table__inner-wrapper{
    flex:1;
    display: flex;
    flex-direction: column;
  }
  .el-table__body-wrapper {
    flex: 1;
  }
}
.pagination-container{
  margin: 5px 0 0 0 !important;
  //height: 24px;
  padding: unset !important;
}
.el-table__footer-wrapper tbody td.el-table__cell, .el-table__header-wrapper tbody td.el-table__cell {
  background-color: var(--el-table-row-hover-bg-color);
  color: var(--el-color-danger) !important;
}

//collapse-tags-tooltip提升折叠预览等级
.el-select__tags {
  z-index: 2003!important;
}
//列表头 居中
.el-table th.el-table__cell>.cell {
  text-align: center!important;
}
//下拉值居左展示
.el-select__tags-text{
  justify-content: left!important;
}
.el-input-group__append, .el-input-group__prepend {
  padding: 0 8px !important;
}
.el-input--large .el-input__prefix {
  left: 16px;
  top: 10px !important;
}